@import "../../base/base";
@import "searchArea";
// 页面内容区域样式
.content-area {
  @include wid100;
  @include higt100;
  @include pdLR(5px);
  @include rel;
  font-size: $sz12;
  display: flex;
  flex-direction: column;
}

.main-content {
  @include mgT(5px);
  border: 1px solid #E3E2E7;
  flex-grow: 1;
  background-color:$cr-f;

}

.my-area textarea {
  height: 146px;
  padding: 10px 8px;
}

.hasSearchInp .el-form-item__content {
  width: 390px !important;
  .hasBtn {
    width: 70px;
    @include mgL(20px);
  }
}

/* 改变表格样式,让其与ui相近 */
.el-table th {
  background-color: #f8f8f8 !important;
  height: 25px;
  color: #1C252C;
  font-size: $sz12;
  border-top: 1px solid $brand-border;
  border-bottom: 1px solid $brand-border;
}

.el-table__row > td {
  @include rel;
  left: 0;
  top: 0;
  height: 46px;
  padding: 0;
  font-size: $sz12;
  color: #323232;
}

//为了图片位置,需要相对定位
.el-table__row > td {
  @include rel;
  left: 0;
  top: 0;
}

/* 图片位置 */
.img-position {
  @include wid100;
  @include higt100;
  display: flex;
  align-items: center;
  justify-content: center;
  @include abs;
  left: 0;
  top: 0;
  .min-img-position {
    @include wid100;
    @include higt100;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .min-img {
    width: 20px;
  }
  .big-img {
    @include wid100;
    height: auto;
    @include abs;
    left: 0;
    top: 0;
  }
}

.item-route {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.item-route-link {
  @include tc;
  color: $color;
  cursor: pointer;
}

.footer {
  @include line-height(30);
  @include tc;
  height: 30px;
  color: $brand-border;
}

// pagebar下的操作按钮
.page-result {
  @include pdLR(10px);
}

.some-btn {
  @include border-radius(5px);
  @include line-height(33);
  @include rel;
  @include pdL(26px);
  @include pdR(10px);
  @include mgR(10px);
  //width:89px;
  height: 33px;
  border: 1px solid $brand-border;
  font-size: $sz12;
}

.some-btn::before {
  content: '';
  background-image: url(/static/img/icon-btn-6.png);
  background-size: 144px 16px;
  //background-size: 80px 16px;
  background-repeat: no-repeat;
  display: inline-block;
  @include abs;
  top: 50%;
  transform: translateY(-50%);
  background-position: -48px 0;
  width: 16px;
  height: 16px;
  left: 8px;
}

.some-btn-add::before { /* 添加 */
  background-position: 0 0;
}

.some-btn-delete::before { /* 添加 */
  background-position: -16px 0;
}

.some-btn-release::before { /* 发布 */
  background-position: -32px 0;
}

.some-btn-pass::before { /* 审核通过 */
  background-position: -80px 0;
}

.some-btn-refuse::before { /* 审核拒绝 */
  background-position: -96px 0;
}

.some-btn-export::before { /* 导出 */
  background-position: -128px 0;
}

.some-btn-import::before { /* 导入 */
  background-position: -112px 0;
}

.el-table--enable-row-transition .el-table__body td {
  border-bottom: none !important;
}

.standardPopo {
  @include line-height(28);
  @include pdTB(16px);
  @include pdLR(18px);
  font-size: $sz12;
  box-shadow: 0px 1px 7px 2px rgba(201, 216, 242, 0.58);
  transform-origin: 70% bottom 0px;
}

.over-pop.item-names {
  white-space: nowrap;
  text-overflow: ellipsis;
  @include overflow;
}

.item-special {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap
}
